<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="d14cea7545c84b3c8d133ecf16d53169" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_d14cea7545c84b3c8d133ecf16d53169 = echarts.init(
            document.getElementById('d14cea7545c84b3c8d133ecf16d53169'), 'white', {renderer: 'canvas'});
        var option_d14cea7545c84b3c8d133ecf16d53169 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "treemap",
            "name": "\u53c2\u6f14\u7535\u5f71\u6570",
            "data": [
                {
                    "value": 11,
                    "name": "\u6c64\u59c6\u00b7\u6c49\u514b\u65af"
                },
                {
                    "value": 11,
                    "name": "\u96e8\u679c\u00b7\u7ef4\u6587"
                },
                {
                    "value": 10,
                    "name": "\u65af\u5609\u4e3d\u00b7\u7ea6\u7ff0\u900a"
                },
                {
                    "value": 10,
                    "name": "\u5f20\u56fd\u8363"
                },
                {
                    "value": 9,
                    "name": "\u5e03\u62c9\u5fb7\u00b7\u76ae\u7279"
                },
                {
                    "value": 9,
                    "name": "\u585e\u7f2a\u5c14\u00b7\u6770\u514b\u900a"
                },
                {
                    "value": 9,
                    "name": "\u827e\u4f26\u00b7\u745e\u514b\u66fc"
                },
                {
                    "value": 9,
                    "name": "\u672c\u5c3c\u8fea\u514b\u7279\u00b7\u5eb7\u4f2f\u5df4\u5947"
                },
                {
                    "value": 9,
                    "name": "\u6881\u671d\u4f1f"
                },
                {
                    "value": 9,
                    "name": "\u6d77\u4f26\u5a1c\u00b7\u4f2f\u7ff0\u00b7\u5361\u7279"
                },
                {
                    "value": 9,
                    "name": "\u5965\u5170\u591a\u00b7\u5e03\u9c81\u59c6"
                },
                {
                    "value": 9,
                    "name": "\u5f20\u66fc\u7389"
                },
                {
                    "value": 9,
                    "name": "\u52a0\u91cc\u00b7\u5965\u5fb7\u66fc"
                },
                {
                    "value": 8,
                    "name": "\u8303\u00b7\u8fea\u585e\u5c14"
                },
                {
                    "value": 8,
                    "name": "\u6731\u4e3d\u00b7\u6c83\u7279\u65af"
                },
                {
                    "value": 8,
                    "name": "\u7ea6\u7ff0\u00b7\u62c9\u5c91\u8d1d\u683c"
                },
                {
                    "value": 8,
                    "name": "\u5b89\u59ae\u00b7\u6d77\u745f\u8587"
                },
                {
                    "value": 8,
                    "name": "\u739b\u5409\u00b7\u53f2\u5bc6\u65af"
                },
                {
                    "value": 8,
                    "name": "\u62c9\u5c14\u592b\u00b7\u8d39\u56e0\u65af"
                },
                {
                    "value": 8,
                    "name": "\u51ef\u62c9\u00b7\u5948\u7279\u8389"
                },
                {
                    "value": 8,
                    "name": "\u827e\u739b\u00b7\u6c83\u68ee"
                },
                {
                    "value": 7,
                    "name": "\u6c64\u59c6\u00b7\u8d39\u5c14\u987f"
                },
                {
                    "value": 7,
                    "name": "\u9a6c\u514b\u00b7\u9c81\u5f17\u6d1b"
                },
                {
                    "value": 7,
                    "name": "\u6469\u6839\u00b7\u5f17\u91cc\u66fc"
                },
                {
                    "value": 7,
                    "name": "\u5c71\u53e3\u80dc\u5e73"
                },
                {
                    "value": 7,
                    "name": "\u90a6\u59ae\u00b7\u6000\u7279"
                },
                {
                    "value": 7,
                    "name": "\u9a6c\u7279\u00b7\u8fbe\u8499"
                },
                {
                    "value": 7,
                    "name": "\u514b\u91cc\u65af\u8482\u5b89\u00b7\u8d1d\u5c14"
                },
                {
                    "value": 7,
                    "name": "\u9c81\u4f2f\u7279\u00b7\u683c\u6797\u7279"
                },
                {
                    "value": 7,
                    "name": "\u4e39\u5c3c\u5c14\u00b7\u96f7\u5fb7\u514b\u91cc\u592b"
                },
                {
                    "value": 7,
                    "name": "\u5468\u6da6\u53d1"
                },
                {
                    "value": 7,
                    "name": "\u5468\u661f\u9a70"
                },
                {
                    "value": 7,
                    "name": "\u4f0a\u6069\u00b7\u9ea6\u514b\u83b1\u6069"
                },
                {
                    "value": 7,
                    "name": "\u514b\u91cc\u65af\u6258\u5f17\u00b7\u674e"
                },
                {
                    "value": 7,
                    "name": "\u9ad8\u5c71\u5357"
                },
                {
                    "value": 7,
                    "name": "\u51ef\u7279\u00b7\u5e03\u5170\u5207\u7279"
                },
                {
                    "value": 7,
                    "name": "\u4f0a\u5b89\u00b7\u970d\u59c6"
                },
                {
                    "value": 7,
                    "name": "\u8fc8\u514b\u5c14\u00b7\u51ef\u6069"
                },
                {
                    "value": 6,
                    "name": "\u5b89\u8fea\u00b7\u745f\u91d1\u65af"
                },
                {
                    "value": 6,
                    "name": "\u827e\u4f26\u00b7\u56fe\u4ee3\u514b"
                },
                {
                    "value": 6,
                    "name": "\u4f50\u4f0a\u00b7\u7d22\u5c14\u8fbe\u5a1c"
                },
                {
                    "value": 6,
                    "name": "\u83b1\u6602\u7eb3\u591a\u00b7\u8fea\u5361\u666e\u91cc\u5965"
                },
                {
                    "value": 6,
                    "name": "\u514b\u91cc\u65af\u6c40\u00b7\u97e6\u683c"
                },
                {
                    "value": 6,
                    "name": "\u59dc\u6587"
                },
                {
                    "value": 6,
                    "name": "\u5218\u5609\u73b2"
                },
                {
                    "value": 6,
                    "name": "\u8336\u98ce\u6797"
                },
                {
                    "value": 6,
                    "name": "\u6797\u9752\u971e"
                },
                {
                    "value": 6,
                    "name": "\u5434\u5b5f\u8fbe"
                },
                {
                    "value": 6,
                    "name": "\u7ea6\u7ff0\u5c3c\u00b7\u5fb7\u666e"
                },
                {
                    "value": 6,
                    "name": "\u4f0a\u6851\u00b7\u970d\u514b"
                },
                {
                    "value": 6,
                    "name": "\u743c\u00b7\u827e\u4f26"
                },
                {
                    "value": 6,
                    "name": "\u5927\u8c37\u80b2\u6c5f"
                },
                {
                    "value": 6,
                    "name": "\u7ea6\u7ff0\u00b7\u8d6b\u7279"
                },
                {
                    "value": 6,
                    "name": "\u514b\u91cc\u65af\u00b7\u57c3\u6587\u65af"
                },
                {
                    "value": 5,
                    "name": "\u745e\u79cb\u00b7\u9ea6\u514b\u4e9a\u5f53\u65af"
                },
                {
                    "value": 5,
                    "name": "\u8fc8\u514b\u5c14\u00b7\u521a\u672c"
                },
                {
                    "value": 5,
                    "name": "\u8fde\u59c6\u00b7\u5c3c\u68ee"
                },
                {
                    "value": 5,
                    "name": "\u9ad8\u6728\u6d89"
                },
                {
                    "value": 5,
                    "name": "\u5218\u5fb7\u534e"
                },
                {
                    "value": 5,
                    "name": "\u514b\u91cc\u65af\u6258\u5f17\u00b7\u666e\u5362\u9ed8"
                },
                {
                    "value": 5,
                    "name": "\u5a01\u5c14\u00b7\u53f2\u5bc6\u65af"
                },
                {
                    "value": 5,
                    "name": "\u57fa\u91cc\u5b89\u00b7\u58a8\u83f2"
                },
                {
                    "value": 5,
                    "name": "\u4f11\u00b7\u6770\u514b\u66fc"
                },
                {
                    "value": 5,
                    "name": "\u739b\u4e3d\u6602\u00b7\u6b4c\u8fea\u4e9a"
                },
                {
                    "value": 5,
                    "name": "\u857e\u96c5\u00b7\u8d5b\u675c"
                },
                {
                    "value": 5,
                    "name": "\u5b89\u4e1c\u5c3c\u00b7\u9ea6\u51ef"
                },
                {
                    "value": 5,
                    "name": "\u5343\u53f6\u4e00\u4f38"
                },
                {
                    "value": 5,
                    "name": "\u795e\u8c37\u660e"
                },
                {
                    "value": 5,
                    "name": "\u52b3\u62c9\u00b7\u9093\u6069"
                },
                {
                    "value": 5,
                    "name": "\u6881\u5bb6\u8f89"
                },
                {
                    "value": 5,
                    "name": "\u5f20\u5b66\u53cb"
                },
                {
                    "value": 5,
                    "name": "\u6c64\u59c6\u00b7\u54c8\u8fea"
                },
                {
                    "value": 5,
                    "name": "\u9ec4\u6e24"
                },
                {
                    "value": 5,
                    "name": "\u9ec4\u79cb\u751f"
                },
                {
                    "value": 5,
                    "name": "\u51ef\u6587\u00b7\u53f2\u6d3e\u897f"
                },
                {
                    "value": 5,
                    "name": "\u5e03\u83b1\u6069\u00b7\u8003\u514b\u65af"
                },
                {
                    "value": 5,
                    "name": "\u90a6\u5c3c\u00b7\u4ea8\u7279"
                },
                {
                    "value": 5,
                    "name": "\u6bd4\u5c14\u00b7\u5948\u4f0a"
                },
                {
                    "value": 5,
                    "name": "\u6c64\u59c6\u00b7\u514b\u9c81\u65af"
                },
                {
                    "value": 5,
                    "name": "\u514b\u91cc\u65af\u00b7\u5e15\u62c9\u7279"
                },
                {
                    "value": 5,
                    "name": "\u4e95\u4e0a\u548c\u5f66"
                },
                {
                    "value": 5,
                    "name": "\u6797\u539f\u60e0\u7f8e"
                },
                {
                    "value": 5,
                    "name": "\u7eea\u65b9\u8d24\u4e00"
                },
                {
                    "value": 5,
                    "name": "\u5434\u8fbe\u6d19"
                },
                {
                    "value": 5,
                    "name": "\u5c3c\u53e4\u62c9\u65af\u00b7\u51ef\u5947"
                },
                {
                    "value": 5,
                    "name": "\u9a6c\u4e01\u00b7\u5f17\u745e\u66fc"
                },
                {
                    "value": 5,
                    "name": "\u5c71\u59c6\u00b7\u6d1b\u514b\u5a01\u5c14"
                },
                {
                    "value": 5,
                    "name": "\u8a79\u68ee\u00b7\u827e\u8428\u514b"
                },
                {
                    "value": 5,
                    "name": "\u5a01\u5ec9\u00b7\u8fbe\u798f"
                },
                {
                    "value": 5,
                    "name": "\u5c71\u5d0e\u548c\u4f73\u5948"
                },
                {
                    "value": 5,
                    "name": "\u5c9b\u672c\u987b\u7f8e"
                },
                {
                    "value": 5,
                    "name": "\u51ef\u4f26\u00b7\u5409\u5170"
                },
                {
                    "value": 5,
                    "name": "\u6234\u592b\u00b7\u5df4\u8482\u65af\u5854"
                },
                {
                    "value": 5,
                    "name": "\u5ca9\u5c45\u7531\u5e0c\u5b50"
                },
                {
                    "value": 5,
                    "name": "\u6811\u6728\u5e0c\u6797"
                },
                {
                    "value": 5,
                    "name": "\u585e\u5df4\u65af\u8482\u5b89\u00b7\u65af\u5766"
                }
            ],
            "width": "80%",
            "height": "80%",
            "label": {
                "show": true,
                "position": "inside",
                "margin": 8
            },
            "upperlabel": {
                "show": true,
                "position": "inside",
                "margin": 8
            },
            "drillDownIcon": "\u25b6",
            "roam": true,
            "nodeClick": "zoomToNode",
            "zoomToNodeRatio": 0.1024,
            "colorMappingBy": "index",
            "visibleMin": 10
        }
    ],
    "legend": [
        {
            "data": [
                "\u53c2\u6f14\u7535\u5f71\u6570"
            ],
            "selected": {
                "\u53c2\u6f14\u7535\u5f71\u6570": true
            },
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "\u7535\u5f71TOP500\u699c\u5355\u4e2d - \u6f14\u5458\u53c2\u6f14\u7535\u5f71\u6570",
            "subtext": "\u81f3\u5c11\u53c2\u6f145\u90e8\u5f71\u8bc4\u4ee5\u4e0a",
            "padding": 5,
            "itemGap": 10
        }
    ]
};
        chart_d14cea7545c84b3c8d133ecf16d53169.setOption(option_d14cea7545c84b3c8d133ecf16d53169);
    </script>
</body>
</html>
